var myChart = echarts.init(document.getElementById("main"));

// var option = {
// series: [
//     {
//     type: "map",
//     map: "china",
//     roam: true,
//     zoom: 1,
//     selectedMode: 'multiple',
//     itemStyle: {
//         borderColor: 'red',
//     },
//     emphasis: {
//         itemStyle: {
//             areaColor: 'orange',
//         },
//         label: {
//             color: 'green',
//             // backgroundColor: 'whitesmoke',
//         },
//     },
//     data: [
//         {
//             name: '浙江',
//             itemStyle: {
//                 areaColor: 'red',
//             },
//             label: {
//                 backgroundColor: 'black',
//             },
//         },{
//             name: '山东',
//             itemStyle: {
//                 areaColor: 'pink',
//             },
//         }
//     ],
//     },
// ],
// };

// var option = {
//     series: [
//         {
//             type:"graph",
//             data: [
//                 {
//                     name:"小明",
//                     x: 10,
//                     y:50,
//                 },{
//                     name: '小红',
//                     x: 90,
//                     y: 50,
//                 },{
//                     name: '老王',
//                     x: 50,
//                     y: 100,
//                 }

//             ],
//             label: {
//                 show: true,
//             },
//             symbolSize: 70,
//             // links中关系信息
//             links: [{
//                 // 有关系的两者
//                 source: '小明',
//                 target: '小红',
//                 // 关系线的样式设置
//                 lineStyle: {
//                     color: 'green',
//                     width: 3,
//                 },
//                 label: {
//                     show: true,
//                     formatter: '小明喜欢小红',
//                 },

//             },{
//                 source: '小红',
//                 target: '老王',
//                 // 关系线的样式设置
//                 lineStyle: {
//                     color: 'red',
//                     width: 3,
//                 },
//                 label: {
//                     show: true,
//                     formatter: '小红喜欢老王',
//                 },
//             }],
//         }
//     ],
// }

var option = {
    visualMap: {
        type:"continuous",
        // 先设置该组件的位置
        // right: 'right',
        // top: 'center',
        right: 'center',
        top: 'bottom',
        // 可映射的范围，对应到的是手柄上的最大值的最小值
        min: 1,
        max: 7,
        range: [2,5], // 不在范围内不显示
        calculable: true, // 显示拖拽用的手柄
        // dimension: 0, // 以x轴为映射基准
        orient: 'horizontal',
        inRange: {
            symbolSize: [10,40],
            color: ["white","black"],
        },
    },
    xAxis: {},
    yAxis: {},
    
    series: [
        {
            type:"scatter",
            data: [
                [5,2],
                [6,3],
                [2,2],
                [3,3],
                [4,5],
                [5,4],
                [3,6],
                [5,4],
            ],
        }
    ],
}

myChart.setOption(option);